/**
 * 学习目标： 样式处理
 *  1. 行内样式  style={样式对象}，'12px' 单位可以省略成 12
 *  2. 外部样式  引入样式文件，className="类名"
 */

import React from 'react'
import ReactDOM from 'react-dom'
// 引入外部样式表
import './base.css'

const containerNode = (
  <>
    <h1 style={{ color: 'green', backgroundColor: 'pink', fontSize: 30 }}>行内样式</h1>
    <h2 className='title'>外部样式</h2>
  </>
)

ReactDOM.render(containerNode, document.getElementById('root'))
